<template>
    <div class="common-layout">
      <el-container>
        <!-- 设置宽度 -->
        <el-aside :width="$store.state.homeview.navBool">
            <!-- 2.使用组件 -->
            <Ln/>
        </el-aside>
        <el-container>
          <el-header>
              <Tr/>
          </el-header>
          <el-main>
            <!-- 路由出口设置 -->
            <router-view></router-view>
          </el-main>
        </el-container>
      </el-container>
    </div>
</template>



<script setup lang="ts">

// import { auto } from '@popperjs/core';
import Ln from '../components/Leftindex.vue'
import Tr from "../components/Rightindex.vue"
</script>
<style scoped lang="scss">
.common-layout{
    .el-aside{
        background-color: pink;
    }
    .el-header{
        background-color: gold;
    }
    .el-main{
        background-color: burlywood;
    }
}
// 高度100%
.el-aside,.el-container,.common-layout,#app,body,html{
    height: 100%;
    // width: auto;
};
.el-container{
  display: flex;
}
</style>